<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Sortable测试</title>
    <style>
        body {
            padding: 20px;
        }

        .list-group{
            display: flex;
        }

        .list-group-item {
            cursor: move;
            cursor: -webkit-grabbing;
            width: 200px;
        }

        .sortable-chosen{
            background-color: aqua !important;
        }
    </style>
</head>

<body>


    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="bootstrap.min.css" />


    <!-- Latest Sortable -->
    <script src="Sortable.js"></script>


    <!-- sort: true -->
    <div id="sortDiv" class="list-group">
        <div class="list-group-item">aaa</div>
        <div class="list-group-item">bbb</div>
        <div class="list-group-item">ccc</div>
    </div>




</body>

</html>

<script>
    Sortable.create(sortDiv);

</script>